<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Home</title>
<meta name="description" content=""/>

<!--Google font-->
<link href="https://fonts.googleapis.com/css?family=K2D:300,400,500,700,800" rel="stylesheet">

<!-- Bootstrap CSS / Color Scheme -->
<link rel="stylesheet" href="static/assets/bootstrap/css/bootstrap.min.css">
</head>
<body>

<!--navigation-->
<section class="bh-white py-3">
<div class="container-fluid">
	<div class="row">
		<div class="col-12 text-center">
			<a href="index.html" class="heading-brand text-primary">WeTalk平台注册</a>
		</div>
	</div>
</div>
</section>

<!--hero header-->
<section class="py-5">
<div class="container">
	<div class="row">
		<div class="col-md-7 my-md-auto">
			<h1 class="text-center text-md-left">pythonTCP聊天平台相关技术栈</h1>
			<div class="row feature-grid">
				<div class="col-sm-6">
					<div class="media">
						<div class="icon-box">
							<div class="icon-box-inner">
								<span data-feather="unlock" width="28" height="28"></span>
							</div>
						</div>
						<div class="media-body">
							python-socket
						</div>
					</div>
				</div>
				<div class="col-sm-6">
					<div class="media">
						<div class="icon-box">
							<div class="icon-box-inner">
								<span data-feather="briefcase" width="28" height="28"></span>
							</div>
						</div>
						<div class="media-body">
							python-Tkinter
						</div>
					</div>
				</div>
				<div class="col-sm-6">
					<div class="media">
						<div class="icon-box">
							<div class="icon-box-inner">
								<span data-feather="gift" width="28" height="28"></span>
							</div>
						</div>
						<div class="media-body">
							python-pymysql
						</div>
					</div>
				</div>
				<div class="col-sm-6">
					<div class="media">
						<div class="icon-box">
							<div class="icon-box-inner">
								<span data-feather="users" width="28" height="28"></span>
							</div>
						</div>
						<div class="media-body">
							python-flask
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="col-md-5 pl-md-5">
			<div class="card">
				<div class="card-body py-md-4">
					<h2>WeTalk注册表</h2>
					<p class="lead text-muted">输入以下数据</p>
					<form action="http://127.0.0.1:4000/register" method="post">
						<div class="form-group">
							<input type="text" class="form-control" id="name" placeholder="账号" name="name">
						</div>
						<div class="form-group">
							<input type="text" class="form-control" id="nicheng" placeholder="昵称" name="nicheng">
						</div>
						<div class="form-group">
							<input type="password" class="form-control" id="password" placeholder="密码" name="passwd">
						</div>
						<div class="form-group">
							<input type="text" class="form-control" id="geqian" placeholder="个性签名" name="geqian">
						</div>
						<div class="d-flex flex-row align-items-center justify-content-between">
							<!-- <a href="#">Need invite code?</a> -->
							<button class="btn btn-primary" type="submit">点击注册</button>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</div>
</section>

<!--footer-->
<footer>
<div class="container">
	<!-- <div class="row">
		<div class="col-12 text-center">
			<ul class="list-inline">
				<li class="list-inline-item"><a href="#">About</a></li>
				<li class="list-inline-item"><a href="#">Privacy</a></li>
				<li class="list-inline-item"><a href="#">Terms</a></li>
			</ul>
		</div>
	</div> -->
	<div class="row my-2">
		<div class="col-md-4 mx-auto text-muted text-center small-xl">WeTalk注册平台</div>
	</div>
</div>
</footer>

<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="static/assets/js/jquery-1.12.4.min.js"></script>
<script src="static/assets/js/feather.min.js"></script>
<script src="static/assets/scripts.js"></script>
</body>
</html>
